<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../uploads/styles/title.css">
    <link rel="stylesheet" href="../uploads/styles/flexslider.css"/>
    <link rel="stylesheet" href="../assets/css/details.css"/>
    <!--<script type="text/javascript" src="../assets/js.1.7.2.js"></script>-->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/js/jquery.flexslider-min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>

</style>
<script>
    $(function () {
        $(".flexslider").flexslider({
            slideshowSpeed: 4000, //展示时间间隔ms
            animationSpeed: 400, //滚动时间ms
            touch: true, //是否支持触屏滑动
            animation: "slide",
            animationLoop: false,
            itemWidth: 210,
            itemMargin: 5,
            minItems: 1,
            maxItems: 3
        })
    })
</script>
<body>
<nav class="navbar navbar-default bg" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <img src="../uploads/img/web/01.png" width="100%" class="heder">
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav col-md-offset-12">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="rank.html">榜单</a></li>
            <li><a href="classify.html">分类</a></li>
        </ul>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <img alt="140x140" src="../uploads/img/web/03.png" width="100%"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <a href="index.html"><strong style="color: black">首页</strong></a> >
            <a href="#"><strong style="color: black">金融理财</strong></a> >
            <a href="#"><strong style="color: black">宜人借贷</strong></a>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row" style="margin-top: 30px">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-xs-12 col-md-5 col-md-offset-1">
                        <div style="float: left;margin-top: 40px;">
                            <img src="../uploads/img/web/001.png" class="img-responsive center-block sm-image">
                        </div>
                        <div style="margin-top: 40px;margin-left: 100px">
                            <strong>宜人借贷</strong><br>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span>
                            <span class="glyphicon glyphicon-star"></span><br>
                            <span>7M|恒诚科技（北京）发展有限责任公司</span>
                        </div>
                    </div>
                    <div class="col-xs-12  col-md-6 none">
                        <div class="col-md-3 col-md-offset-3" style="text-align: center">
                            <div class="bg-font" style="margin-top: 20px"><span>直接下载</span></div>
                            <br><br>
                            <div class="bg-font"><span>二维码下载</span>
                                <div class="glyphicon glyphicon-play head"></div>
                            </div>
                        </div>
                        <div class="col-md-6">
                        <img src="../uploads/img/web/0001.png">
                        </div>
                        </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 40px">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <img src="../uploads/img/web/010.png" class="img-responsive center-block bg-image">
                    </div>
                </div>
                <div class="row flexslider carousel" style="margin-top: 20px">

                    <ul class="slides">
                        <li><img src="../uploads/img/web/0004.jpg"/></li>
                        <li><img src="../uploads/img/web/0003.jpg"/></li>
                        <li><img src="../uploads/img/web/0004.jpg"/></li>
                        <li><img src="../uploads/img/web/0002.jpg"/></li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top: 50px">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <img src="../uploads/img/web/020.png" class="img-responsive center-block bg-image">
                </div>
            </div>
            <div class="row clearfix" style="margin-top: 10px;text-align: left">
                <div class="col-md-12">
                    <span>这是一个理财的项目</span>

                </div>
            </div>
            <div class="row" style="margin-top: 50px;margin-left: 20px">
                <div class="col-md-12">
                    <span style="font-size: 20px">相关应用</span>
                </div>
            </div>
            <div class="row" style="text-align: center;margin-top: 30px">
                <div class="col-xs-12 col-md-2 col-sm-2 relevant">
                    <img src="../uploads/img/web/002.png" class="img-responsive center-block sm-image">
                    <strong>金融圈</strong><br>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span><br>
                    <span>金融理财&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp7M</span>
                </div>
                <div class="col-xs-12 col-md-2 col-sm-2 relevant">
                    <img src="../uploads/img/web/003.png" class="img-responsive center-block sm-image">
                    <strong>指旺理财</strong><br>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span>
                    <span class="glyphicon glyphicon-star"></span><br>
                    <span>类型&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp7M</span>
                </div>
            </div>
        </div>
    </div>
    <iframe src="link.html" scrolling=no frameborder="0" width="100%"></iframe>
</div>
</body>
</html>

